.flex() {
	display: flex;
	justify-content: center;
	align-items: center;
}

.headBox {
	display: flex;
	box-sizing: border-box;
	padding: 28px;
	// display: none;
	height: 130px;
	background: url(../../../assets/images/headbg.jpg) no-repeat center;

	hr {
		width: 2px;
		height: 45px;
		background: #fff;
		margin: auto 30px;
		border: none;
	}

	:deep(.el-select) {
		margin: auto 0;
		width: 220px;

		.el-input__inner {
			background: none;
			color: #fff;
			box-shadow: none;
			font-size: 26px;
		}

		.el-icon {
			font-size: 26px;
			font-weight: bold;
			color: #fff;
		}

		.el-input.is-focus {
			.el-input__inner {
				box-shadow: none !important;
			}
		}

		.el-input__inner:focus {
			box-shadow: none !important;
		}
	}

	.header-color {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		background: #fff;
		margin: auto 0 auto auto;
	}

	.header-avatar {
		min-width: 35px;
		height: 35px;
		border-radius: 50%;
		margin: auto 0 auto 20px;
		cursor: pointer;
		.flex();

		i {
			font-size: 20px;
			.flex();
			background-image: linear-gradient(40deg, #528eff, #98eafe);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	}

	// 头像
	.header-avatar {
		width: 120px;
		height: 38px;
		border-radius: 20px;
		background-color: #fff;
	}

	:deep(.el-dialog) {
		.el-dialog__header {
			margin-right: 0;
			background: #1987de;

			.el-dialog__title {
				color: #fff;
			}

			.el-dialog__headerbtn {
				.el-dialog__close {
					color: #fff !important;
				}
			}
		}
	}

	.el-dropdown {
		.flex();

		.el-dropdown-link {
			.flex();

			.header-username {
				color: rgba(49, 120, 244, 1);
			}

			.icon-xiala {
				font-size: 18px;
			}
		}
	}

	.el-dropdown-menu__item {
		padding: 0 20px;
	}
}
